<template>
  <div :clipChildren="false"
       :focusable="true"
       :enableFocusBorder="true"
       :focusScale="1.1"
       :style="{
         width:width,
         height:height,
         backgroundImage:src,
         backgroundSize: 'cover',
         backgroundPosition: 'center center'
       }"
  >
    <slot/>
  </div>

</template>

<script>
export default {
  name: "ImgButton",
  props:{
    src:{
      type:String,
      default:''
    },
    width:{
      type:Number,
      default:200
    },
    height:{
      type:Number,
      default:200
    }
  },
  data(){
    return {
    }
  },
  methods:{
  }
}
</script>

<style scoped>


</style>
